<template>
  <div>
    <el-col :span="12">
      <el-calendar style="width: 800px" v-model="nowDate" @click="getDate()">
      </el-calendar>
    </el-col>
  </div>
</template>

<script>

export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: 'calendar',
  data () {
    return {
      nowDate: new Date() // 指定当前显示的月份。如果 value 未指定，则显示当月
    }
  },
  created () {
    console.log(this.nowDate)
  },
  methods: {
    getDate () {
      console.log(this.nowDate)
    }
  }
}
</script>

<style lang="">
</style>
